<div class="index-content">
    <section class="content-header">
        <h4><span data-lang="job-name"></span>:<span id="job-name"></span></h4>
        <ol class="breadcrumb">
            <li class="active"><i class="fa fa-tasks" data-lang="sidebar-job-operation"></i></li>
            <li><a href="#" id="breadcrumb-job" data-lang="sidebar-job-dimension"></a></li>
            <li class="active" data-lang="job-shardings-detail"></li>
        </ol>
    </section>
    <section class="content">
        <table id="sharding" data-pagination="true" data-page-list="[10, 20, 50, 100]" data-search="true" data-show-refresh="true" data-show-toggle="true" data-striped="true">
            <thead>
            <tr>
                <th data-field="item" data-sortable="true"><span data-lang="job-sharding-item"></span></th>
                <th data-field="serverIp" data-sortable="true"><span data-lang="server-ip"></span></th>
                <th data-field="instanceId" data-sortable="true"><span data-lang="job-pid"></span></th>
                <th data-field="status" data-formatter="shardingStatusFormatter"><span data-lang="status"></span></th>
                <th data-field="failover" data-formatter="failoverFormatter"><span data-lang="job-failover"></span></th>
                <th data-field="operation" data-formatter="generateOperationButtons"><span data-lang="operation"></span></th>
            </tr>
            </thead>
        </table>
    </section>
</div>

<script src="lib/bootstrap-table/bootstrap-table.js"></script>
<script src="lib/BootstrapValidator/js/bootstrapValidator.js"></script>
<script src="lib/BootstrapValidator/js/bootstrapValidator_zh_CN.js"></script>
<script src="js/util/common.js"></script>
<script src="js/status/job/job_status_detail.js"></script>
